<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>晒太阳的猫</title>
<link rel="shortcut icon" type="image/x-icon" href="images/head.ico" media="screen" />
<meta http-equiv=Content-Type content=text/html;charset=utf-8>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/magic.js"></script>
<script type="text/javascript" src="js/snow.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="css/magic.css"/>
<style>#bottomView {position: relative;
    margin-top: -60px; 
    height: 60px;
    clear:both;
    background:#369} </style>
</head>
 <body>

 		<div id="topView" style=" float:none; width: 100%;height:7%;">
		<div  style=" float: left;width:300px;height:50px;">
			<img   src="images/logo.png" height="50px" width="300px">
 		<!--	<h1><span>消逝&留念</span></h1> -->
		</div>
		<div>
		<p style="float: left;width: 600px;" onclick="xuehua()">过往的痕迹...总是在不经意间消逝...或许.收集起来..会发现..那么美....</p>
		</div>
		<div style="float: right;width: 300px;">	
	
			<button  class="sparkley" onclick="mainViewShow()">主页</button>
			<button class="sparkley" onclick="mapViewShow()">地图</button>
	
 		</div>
		</div>
		<div id="mainView" style="width: 100%;height:90%;">
		<div id="leftView">
		</div>
		<div id="zhuyeView">
		<div style="float: left;width: 10%;" >
		<div>
			
		</div>
		<div class="img">
		<img id="image" src="images/Rain-l.jpg">
		</div>
		</div>
		<div style="float: left;" >
			
		</div>
		</div>
		<div id="rightView">
		</div>
		</div>
		<div id="mapView" style="width:100%;height:90%;display:none;">
			<iframe src="view/b_map.jsp" width="100%" height="560px"> 
			</iframe> 
		</div>
		<div id="bottomView" style=" float:none; width: 100%;height:3%;position:absolute; bottom:0px;">
		<div style="float: left;width:90%;">
			<p style="background: #092756;">不知何时开始，开始羡慕在那慵懒的午后，晒着太阳的猫，或许，只是羡慕它的那一份安逸吧...      </p>
		</div>
		<div style="float: right;width: 10%;">
			<button style="width: 50%;background:#3333CC" ><p>建议</p></button><button style="width: 50%;background:#3333CC"><p>帮助</p></button>
			</div>
		</div>
 </body>
 <script type="text/javascript" >
	function xuehua(){
		snowStorm.start();
	}
 </script>
</html>
